<script lang="ts" setup>
  import { useRouter } from 'vue-router';
  import { Result, Button } from '@arco-design/web-vue';
  import { PageEnum } from '/@/enums/pageEnum';

  const router = useRouter();
  const back = () => {
    // warning： Go to the node that has the permission
    router.push(PageEnum.HOME);
  };
</script>

<template>
  <div class="absolute top-1/2 left-1/2 ml-[-95px] mt-[-121px] text-center">
    <Result status="404" :subtitle="'找不到页面'" />
    <Button key="back" type="primary" @click="back"> 返回 </Button>
  </div>
</template>
